<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="referrer" content="no-referrer">
  <title>Document</title>
  <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <div class="jumbotron">
    <h1>我是一个首页
      <a href="./reg.html" class="btn btn-danger btn-lg" role="button">注册</a>
      <a href="JavaScript:;" name="login" class="btn btn-danger btn-lg" role="button">登录</a>
      <button name="logout" class="btn btn-danger btn-lg" role="button">退出登录</button>
      <button name="cart" class="btn btn-danger btn-lg" role="button">购物车</button>
    </h1>
    <p>应该根据后台数据,生成页面,有瀑布流,有轮播图,我就懒得写了</p>
    <!-- 给超链接按钮添加 键名键值 键名是字段名称 键值是字段存储的数据 商品一级分类名称 -->
    <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=食品酒水" role="button">食品酒水</a></p>
    <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=童装玩具" role="button">童装玩具</a></p>
    <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=家装建材" role="button">家装建材</a></p>
    <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=奶粉尿裤" role="button">奶粉尿裤</a></p>
    <p><a class="btn btn-primary btn-lg" href="./list.html?cat_one_id=其他" role="button">其他产品</a></p>
  </div>
  

  <script src="../tools/jquery.min.js"></script>
  <script src="../js/cookie.js"></script>


  <script>
      // 点击 退出登录
      // 重新设定 cookie 的 时效 为 负数
      // 键名 和 路径 都必须保持一直
      $('[name="logout"]').click(function(){
        // 获取当前 cookie对象
        const cookieObj = myGetCookie();
        // console.log( cookieObj );
        // console.log( cookieObj.login );
        // 调用 对象.login 如果是 undefined 证明没有登录
        if( cookieObj.login === undefined ){
          // 弹出没有登录的提示信息
          window.alert('您还没有登录,请您先登录');
        }else{
          // 有登录信息
          // 重新设定cookie 键名 路径 必须相同
          mySetCookie( 'login' , '2' , -1 , '/' );  
          window.alert('您已经退出登录');
        }
      })


      // 点击 购物车
      $('[name="cart"]').click(function(){
        // 1, 判断有没有登录 cookie中的login 
        // 调用 结果是 undefined 表示没有登录
        const cookieObj = myGetCookie();

        if( cookieObj.login === undefined ){
          // 没有登录 先登录
          if( window.confirm('你还没有登录,点击确定,跳转登录页') ){
            // 跳转登录页
            window.location.href = './login.html';
          }

        }else{
          // 已经登录了 跳转购物车页面
          window.location.href = './cart.html';
        }
      })

      // 点击 登录按钮
      $('[name="login"]').click(function(){
        // 跳转登录页 携带 url地址栏参数
        window.location.href = `./login.html?${window.location.href}`;
      })
  </script>


  <script>
    /*
      1,  退出登录
        重新设定 cookie 有效期 设定为 负数
        特别注意 重新设定cookie 键名 路径 都必须一致
    
      2,  点击 购物车 按钮
        如果没有登录 先去 登录 
        如果已经登录 才能 跳转 购物车 页面 cart.html

      3,  跳转 列表页
        显示点击的一级分类 对应的商品内容

      4,  点击登录页面
        跳转登录页 并且 携带 当前页面url地址

    */

  </script>
</body>
</html>
